import React, { Component, Fragment } from 'react';

import { HeadStyle } from './headStyle';

import { Icon } from 'antd-mobile';

class Head extends Component {
    render() {
        return (
            <Fragment>
                <HeadStyle>
                    <div>
                        <div className="top">
                            <div className="go-back">
                                <Icon type="left" />
                            </div>
                            <h2>优惠券</h2>
                            <div className="coupon-active">激活</div>
                        </div>
                        <div className="top-nav">
                            <ul>
                                <li>未使用(0)</li>
                                <li>已使用(0)</li>
                                <li>已失效(0)</li>
                            </ul>
                            <div className="line">
                                <div className="inner"></div>
                            </div>
                        </div>
                    </div>
                </HeadStyle>
            </Fragment>
        );
    }
};

export default Head;